.module {
  .item {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    padding: 10px;
    box-sizing: border-box;

    &:hover {
      background-color: #eee;
      color: var(--q-secondary);
    }

    .icon {
      font-size: 30px;
    }
    .label {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
    }
  }
  :global {
  }
}
